<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>牛牛币</title>
    <link rel="stylesheet" href="css/index.css">
    <script src="https://unpkg.com/vue"></script>
    <script src="js/jquery.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
     <link rel="stylesheet" href="https://cdn.bootcss.com/ionicons/2.0.1/css/ionicons.min.css">
</head>
<body> 
    <!--表头  -->
    <header>
        <i class="ion-chevron-left"  onclick="javascript:history.back();"></i> 
        <h4>登录</h4>
    </header>
    <!--登录页面 表单 -->
    <form  class="index_form" id="app">
        <div class="index_bor">
            <label> <i class="icon ion-android-phone-portrait"></i></label>
            <input type="text"  v-model='deta_log.username' name='name' placeholder="请输入您的手机号">
        </div>
         <div class="index_bor">
            <label> <i class="icon ion-android-lock"></i></label>
            <input type="password"  v-model='deta_log.userpassword' name='password' placeholder="请输入登录密码">
        </div>
       <button class="wang">忘记密码</button>
       <button class="login" @click='login'>登录</button>
       <p class="zhuce">还没注册？<span>立即注册</span></p>
    </form>
   
</body>
 <script src="js/index.js"></script>
 <script src="js/shuju.js"></script>
 <script>
    //  注册
    $('.zhuce').click(function(e){
        e.preventDefault();
        window.location.href="zhuce.html";
    })
    // 忘记密码
     $('.wang').click(function(e){
       
         e.preventDefault();
        window.location.href="forgot.html";
    })
    
</script>
</html>       
